<template>
    <div>
      <div class="CasebgImg">
        <img src="../assets/img/greatCase/greatCase_01.jpg" alt="成功案例背景">
      </div>

      <div class="artTitle">
        <h3>
          <span>——  学员案例  ——</span>
        </h3>
      </div>
      <div class="container caseZone">
        <div class="row">
          <div class="col-md-4 col-xs-6">
            <div class="shopPic">
              <div class="shopDes">
                <img src="../assets/img/greatCase/greatCase_02.png" alt="">
                <h5>湖南露泽生鲜店</h5>
                <p>类目：生鲜</p>
              </div>
              <div class="shopHide">
                <span>湖南露泽生鲜店</span>
                <a href="#">查看店铺 <img src="../assets/img/index/rightArrow1.png" alt=""></a>
              </div>
            </div>
            <div class="shopBoss">
              <a href="#" class="pull-left"><img src="../assets/img/greatCase/greatCase_12.png" alt="">万店长</a>
              <em class="pull-right">2017-09</em>
            </div>
          </div>
          <div class="col-md-4 col-xs-6">
            <div class="shopPic">
              <div class="shopDes">
                <img src="../assets/img/greatCase/greatCase_03.jpg" alt="">
                <h5>金殿井旗舰店</h5>
                <p>类目：食品</p>
              </div>
              <div class="shopHide">
                <span>金殿井旗舰店</span>
                <a href="#">查看店铺 <img src="../assets/img/index/rightArrow1.png" alt=""></a>
              </div>
            </div>
            <div class="shopBoss">
              <a href="#" class="pull-left"><img src="../assets/img/greatCase/greatCase_13.png" alt="">吴店长</a>
              <em class="pull-right">2017-09</em>
            </div>
          </div>
          <div class="col-md-4 col-xs-6">
            <div class="shopPic">
              <div class="shopDes">
                <img src="../assets/img/greatCase/greatCase_04.png" alt="">
                <h5>瑞典行李箱</h5>
                <p>类目：海外母婴</p>
              </div>
              <div class="shopHide">
                <span>瑞典行李箱</span>
                <a href="#">查看店铺 <img src="../assets/img/index/rightArrow1.png" alt=""></a>
              </div>
            </div>
            <div class="shopBoss">
              <a href="#" class="pull-left"><img src="../assets/img/greatCase/greatCase_09.png" alt="">肖店长</a>
              <em class="pull-right">2017-09</em>
            </div>
          </div>
          <div class="col-md-4 col-xs-6">
            <div class="shopPic">
              <div class="shopDes">
                <img src="../assets/img/greatCase/greatCase_05.png" alt="">
                <h5>节能开关旗靓店</h5>
                <p>类目：生鲜</p>
              </div>
              <div class="shopHide">
                <span>节能开关旗靓店</span>
                <a href="#">查看店铺 <img src="../assets/img/index/rightArrow1.png" alt=""></a>
              </div>
            </div>
            <div class="shopBoss">
              <a href="#" class="pull-left"><img src="../assets/img/greatCase/greatCase_08.png" alt="">李店长</a>
              <em class="pull-right">2017-09</em>
            </div>
          </div>
          <div class="col-md-4 col-xs-6">
            <div class="shopPic">
              <div class="shopDes">
                <img src="../assets/img/greatCase/greatCase_06.png" alt="">
                <h5>0522型人会所</h5>
                <p>类目：女装</p>
              </div>
              <div class="shopHide">
                <span>0522型人会所</span>
                <a href="#">查看店铺 <img src="../assets/img/index/rightArrow1.png" alt=""></a>
              </div>
            </div>
            <div class="shopBoss">
              <a href="#" class="pull-left"><img src="../assets/img/greatCase/greatCase_10.png" alt="">胡店长</a>
              <em class="pull-right">2017-09</em>
            </div>
          </div>
          <div class="col-md-4 col-xs-6">
            <div class="shopPic">
              <div class="shopDes">
                <img src="../assets/img/greatCase/greatCase_07.png" alt="">
                <h5>LE麦吉丽品牌店</h5>
                <p>类目：护肤品</p>
              </div>
              <div class="shopHide">
                <span>LE麦吉丽品牌店</span>
                <a href="#">查看店铺 <img src="../assets/img/index/rightArrow1.png" alt=""></a>
              </div>
            </div>
            <div class="shopBoss">
              <a href="#" class="pull-left"><img src="../assets/img/greatCase/greatCase_11.png" alt="">杨店长</a>
              <em class="pull-right">2017-09</em>
            </div>
          </div>
        </div>
      </div>
      <div class="artTitle">
        <h3>
          <span>——  学员视频  ——</span>
        </h3>
      </div>
      <div class="container videoZone">
        <div class="row">
          <div class="col-md-6 col-xs-12">
            <a href="#"><img src="../assets/img/greatCase/video_01.png" alt=""></a>
          </div>
          <div class="col-md-6 col-xs-12">
            <a href="#"><img src="../assets/img/greatCase/video_01.png" alt=""></a>
          </div>
        </div>
      </div>
    </div>
</template>

<script>
  import '../assets/js/greatCase.js'
    export default {
        name: "great-case"
    }
</script>

<style scoped>
  @import '../assets/css/artCommon.css';
  @import '../assets/css/greatCase.css';
</style>
